<template>
  <div class="renwu">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column fixed type="index" label="日志行" width="100" />
      <el-table-column label="日志内容（最新的在最前面）">
        <template slot-scope="scope">
          <b v-html="scope.row" />
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { rizhi } from '@/api/renwu'

export default {
  name: 'RenwuRizhi',
  data() {
    return {
      tableData: []
    }
  },
  created() {
    this.getList()
  },
  methods: {
    async getList() {
      const { result } = await rizhi()
      this.tableData = result.reverse()
    }
  }
}
</script>

<style lang="scss" scoped>
.renwu {
  padding: 20px;

}
</style>
